.container-box {
    width: 100%;
    height: 100%;
    background-color: #03081E;
    box-sizing: border-box;
    overflow: hidden;
    .content {
        position: fixed;
        top: 50%;
        left: 50%;
        transform-origin: left top;
        .header {
            width: 100%;
            height: 70px;
            background: url('@/assets/images/weather/导航.png') no-repeat;
            background-size: 100% 100%;
            position: relative;
            .time {
                color: #fff;
                display: flex;
                flex-direction: row;
                position: absolute;
                right: 32px;
                height: 100%;
                align-items: center;
                line-height: 25px;
                .set {
                    margin-right: 20px;
                    cursor: pointer;
                }
                .week {
                    text-align: right;
                }
                .line {
                    width: 2px;
                    height: 24px;
                    background-color: #fff;
                    margin: 0 20px;
                }
                .date {
                    text-align: center
                }
            }
        }
        .container {
            width: 1860px;
            height: 100%;
            box-sizing: border-box;
            margin: 0 auto;
            
            .text-loop {
                margin-top: 20px;
                img {
                    margin-left: 12px;
                    margin-right: 10px;
                }
                width: 100%;
                height: 48px;
                color: white;
                font-size: 20px;
                border: 1px solid #487298;
                background: #040D22;
                display: flex;
                align-items: center;
            }
            .main {
                width: 100%;
                margin-top: 18px;
                box-sizing: border-box;
                height: calc(100% - 70px);
                display: flex;
                .left {
                    width: 1242px;
                    height: 100%;
                    margin-right: 30px;
                    display: flex;
                    flex-direction: column;
                    .left-top {
                        width: 100%;
                        height: 400px;
                        margin-bottom: 30px;
                    }
                    .left-bottom {
                        height: 460px;
                        width: 100%;
                        display: flex;
                        & > div {
                            display: inline-block;
                        }
                        .left-bottom-left {
                            margin-right: 30px;
                        }
                    }
                }
                .right {
                    flex: 1;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    .right-top {
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }
    
}
